<template>
    <div>
      <el-container>
        <el-aside :width="$store.state.base.navCollapse ? 'auto' : '200px' ">
			<common-aside/>
				</el-aside>

				<el-container>
						<el-header>

							<common-head/>
						</el-header>
						<el-main>

							<nav-tabs/>
							<router-view/>
						</el-main>
					</el-container>
        </el-container>
    </div>
</template>

<script>
import CommonAside from './components/CommonAside.vue'
import CommonHead from './components/CommonHead.vue'
import NavTabs from './components/NavTabs.vue'
export default {
  name: 'adminPage',
  components: {
    CommonAside,
    CommonHead,
    NavTabs
  	}
}
</script>

<style lang="scss" scoped>
.el-container{
  height: 100vh;

  .el-main{
    background-color: #f5f5f5;
  }
}

</style>
